<template id="output-form-tpl" type="text/html">
<template>
  <wxs src="{{ZFORM_RELATIVE_PATH}}/utils.wxs" module="utils" ></wxs>

  <view class="http-com comformscr2 {{formComName}}">
    <scroll-view enhanced scroll-y="true" scroll-with-animation="true"
                 style="height: {% verbatim %}{{ {% endverbatim %} formHeight {% verbatim %} }} {% endverbatim %};"
                 id="{% verbatim %}{{ {% endverbatim %} scrollViewId {% verbatim %} }} {% endverbatim %}"
                 class="z-form http-com-part http-com-part__{{ part.name }}"
    >
      <slot-com
          binds="{% verbatim %}{{ {% endverbatim %} { a: 1 } {% verbatim %} }} {% endverbatim %}"
          name="form_afterbegin"
          form-id="{% verbatim %}{{ {% endverbatim %} uuid  {% verbatim %} }} {% endverbatim %}"
      ></slot-com>
      {{ form_tpl }}
      <slot-com
          binds="{% verbatim %}{{ {% endverbatim %} { a: 1 } {% verbatim %} }} {% endverbatim %}"
          name="form_afterend"
          form-id="{% verbatim %}{{ {% endverbatim %} uuid  {% verbatim %} }} {% endverbatim %}"
      ></slot-com>
    </scroll-view>
  </view>
</template>

<script>
import { createFormComponent } from '{{ZFORM_RELATIVE_PATH}}/zform.js'

const formDef = {{json5_config}}

;createFormComponent({
    formDef
});
</script>

<config type="application/json">
{
    "component": true,
    "usingComponents": {
        "slot-com": "{{slot_com_name}}",
        "cm-field": "{{cm_field_name}}"
    }
}
</config>

<style>
@import "{{ZFORM_RELATIVE_PATH}}/zform.wxss";

{{css}}
</style>
</template>

<template id="output-form-slot-com-tpl" type="text/html">
  <template>
<wxs src="{{ZFORM_RELATIVE_PATH}}/utils.wxs" module="utils" ></wxs>
{{slots_str}}
<block wx:if="{% verbatim %} {{ {% endverbatim %} inited {% verbatim %} }} {% endverbatim %}">
<template is="{% verbatim %} {{ {% endverbatim %} name {% verbatim %} }} {% endverbatim %}"
          data="{% verbatim %} {{ {% endverbatim %} name, config, binds {% verbatim %} }} {% endverbatim %}"></template>
</block>
  </template>
<script>
import { createSlotComponent } from '{{ZFORM_RELATIVE_PATH}}/zslot';
createSlotComponent();
</script>
<config type="application/json">
{
  "component": true,
  "usingComponents": {
  }
}
</config>
</template>

<template id="output-form-cm-field-tpl">
<script>
import { createFieldComponent } from '{{ZFORM_RELATIVE_PATH}}/zfield'
createFieldComponent();
</script>
<config type="application/json">
{
  "component": true,
  "usingComponents": {
  }
}
</config>
</template>

<template id="output-form-cus-tpl">
<template>
<wxs src="{{ZFORM_RELATIVE_PATH}}/utils.wxs" module="utils" ></wxs>

{{slots_str}}
</template>
</template>

<template id="output-form-vue2-tpl">
<template>
<dym-form :part-name="partName" v-if="inited" :debug="debug" :metas="formMetas" :config="formDef">
  __AFTER_SRART__

  {{slots_str}}

  __BEFORE_END__
</dym-form>
</template>
<script>
const formName = '{{formName}}'
const formComName = 'dym-form-field__{{formComName}}';
const formTemplate = '#[[TPL_ID]]';
const formDef = {{json5_config}};
const formMetas =[[metas]];
let zformCommon = globalThis.createZformCommon({formDef, formComName, formMetas});
let def = {
    template: formTemplate,
    mixins: [
        zformCommon
    ]
}
globalThis[callback]({comName: formComName, def, comMetas: {formName}});
</script>
</template>
